<div class="box">
    <div class="table">
        <el-table v-loading="mixinList_loading" :data="mixinList_tableData" border style="width: 100%;"
            default-expand-all height="100%" row-key="id" :ref="mixinPage_vueName+'TableSmall'">

            <el-table-column prop="couponName" label="优惠券名称"></el-table-column>
            <el-table-column label="类型">
                <template slot-scope="scope">
                    <div>
                        {{typeNum2Text(scope.row.couponType)}}
                    </div>
                </template>
            </el-table-column>
            <el-table-column label="规则" prop="useNote"></el-table-column>
            <el-table-column label="过期时间" prop="expireTimeStr">
            </el-table-column>
            <el-table-column label="状态">
                <template slot-scope="scope">
                    <div>
                        {{statusNum2Text(scope.row.expireStatus)}}
                    </div>
                </template>
            </el-table-column>


        </el-table>
    </div>
    <!-- 分页 -->
    <div class="page">
        <el-pagination class="paginationStyle" :disabled="mixinList_pageData.total<=0" background
            @current-change="mixinList_pagingData($event,'tableData')" :current-page="mixinList_pageData.pageNum"
            :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
            :total.sync="mixinList_pageData.total">
        </el-pagination>
    </div>



</div>